<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Test</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	
	<script src="js/lib/jquery.js" type="text/javascript"></script>
	<script src="js/try.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$("a").toggle(function(){
				$(this).next().animate({
					height: 'show',
					opacity: 'show'
				}, 'normal');
			}, function(){
				$(this).next().animate({
					height: 'hide',
					opactiy: 'hide'
				}, 'normal');
			});
			
			$("#testId").mouseover(function(){
				$("#moveDiv").css("display","block");
			});
		});
	</script>

  </head>
  
<body>
  <div style="width:100px;height:60px;">
  	<input type="button" onclick="javascript:loadScene('a','baiyangdian','baiyangdian');" value="ClickMe"/>
  </div>
  
  <div>
    <a href="#">Test</a>
    <div style="display:none;word-break：break-all; width:100px;">
    	This is just a test. Please make sure you will read it!
    </div>
  </div>
  
  <div	id="testId" 
  	style="width:100px;height:60px;border:1px solid #ff0000;z-index:0;">
  	Put your mouse on me!
  </div>
  
  <div id="moveDiv"
  	style="width:160px;height:120px;
  		position:absolute;
  		display:none;
  		z-index:200px;
  		border:1px solid #6c6c6c;
  		background:#ffffff;">
  	漂浮块<br/>
  	测试的漂浮块<br/>
  	希望可以用<br/>
  	哈哈哈<br/>
  </div>
  
  
</body>
</html>
